<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>我的世界北境社区</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!--<link href="https://fonts.loli.net/css?family=Work+Sans:100,200,300,400,500,600,700,800,900" rel="stylesheet">
    <link href="https://fonts.loli.net/css?family=Fredericka+the+Great" rel="stylesheet">-->
    <link rel="stylesheet" th:href="@{/css/open-iconic-bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/css/animate.css}">
    <link rel="stylesheet" th:href="@{/css/owl.carousel.min.css}">
    <link rel="stylesheet" th:href="@{/css/owl.theme.default.min.css}">
    <link rel="stylesheet" th:href="@{/css/magnific-popup.css}">
    <link rel="stylesheet" th:href="@{/css/aos.css}">
    <link rel="stylesheet" th:href="@{/css/ionicons.min.css}">
    <link rel="stylesheet" th:href="@{/css/flaticon.css}">
    <link rel="stylesheet" th:href="@{/css/icomoon.css}">
    <link rel="stylesheet" th:href="@{/css/style.css}">
    <link rel="stylesheet" th:href="@{/css/index.css}">

    <link href="/tnweb/images/page_logo.jpg" rel="shortcut icon"/>
</head>
<body>
<div id="header">
    <div th:include="commons/head :: html"></div>
</div>

<!--绑定游戏ID 模态窗-->
<div id="boundMcModal" style="display: none; border-radius: 10px">
    <form>
        <div class="form-group" style="width: 300px; padding-left: 50px">
            <label for="MCId" style="color: black">输入你的游戏ID</label>
            <input style="width: 290px" type="text" class="form-control" id="MCId" placeholder="游戏ID,大小写需正确">
        </div>
        <div class="form-group" style="width: 300px; padding-left: 50px">
            <label for="MCPassword" style="color: black">输入你的游戏密码</label>
            <input style="width: 290px" type="password" class="form-control" id="MCPassword" placeholder="输入密码">
        </div>
        <div style="float: right; width: 150px">
            <button id="boundConfirm" type="button" class="btn btn-success" onclick="boundMc()">确认绑定</button>
        </div>
    </form>
</div>

<div id="deBoundModal" style="display: none; border-radius: 10px">
    <form>
        <div class="form-group" style="width: 300px; padding-left: 50px">
            <label for="MCPassword" style="color: black">输入你的游戏密码</label>
            <input style="width: 290px" type="password" class="form-control" id="deBondMCPassword" placeholder="输入密码">
        </div>
        <div style="float: right; width: 150px">
            <button id="deBoundConfirm" type="button" class="btn btn-danger" onclick="deBoundMc()">取消绑定</button>
        </div>
    </form>
</div>


<div id="BoundRewardModal" style="display: none; border-radius: 10px">
    <form>
        <div class="form-group" style="width: 300px; padding-left: 50px">
            <label id="boundTitle" style="color: black">绑定即可领取以下奖励到邮箱</label><br>
            <span style="width: 290px" id="BondRewardDescription1">5-10万银币</span><br>
            <span style="width: 290px" id="BondRewardDescription2">500-1000金币</span><br>
            <span style="width: 290px" id="BondRewardDescription3">量子发电机一台</span><br>
            <span style="width: 290px" id="BondRewardDescription4">AE一套</span><br>
            <span style="width: 290px;display:none;" id="BondRewardDescription6"></span>
        </div>
        <div id="rewardButton" style="float: right; width: 150px">
            <button id="BoundRewardConfirm" type="button" class="btn btn-primary" onclick="getBoundRewards()">确认领取</button>
        </div>
    </form>
</div>

<div id="changeImgModal" style="display: none; border-radius: 10px">
    <form>
        <div class="form-group" style="width: 300px; padding-left: 50px">
            <label for="MCPassword" style="color: black">上传你的头像</label>
            <input style="width: 290px" type="file" class="form-control" id="uploadHead" name="uploadHead">
        </div>
        <div style="float: right; width: 150px">
            <button id="uploadConfirm" type="button" class="btn btn-danger">点击上传</button>
        </div>
    </form>
</div>
<section class="hero-wrap hero-wrap-2" style="background-image: url('/tnweb/images/myInfo_bg1.jpg');">
    <div class="overlay"></div>
    <div class="container">
        <div class="row no-gutters slider-text align-items-center justify-content-center">
            <div class="col-md-9 ftco-animate text-center">
                <h1 class="mb-2 bread">玩家信息</h1>
                <p class="breadcrumbs"><span class="mr-2"><a href="#">未显示的部分信息正在制作</a></span></p>
            </div>
        </div>
    </div>
</section>
<section class="ftco-section ftco-no-pt ftc-no-pb">
    <div class="container">
        <div class="row">
            <div class="col-md-5 order-md-last wrap-about py-5 wrap-about bg-light">
                <h3>玩家皮肤(alex皮肤无法显示)</h3>
                <div id="skin" class="text px-4 ftco-animate">
                </div>
            </div>
            <div class="col-md-7 wrap-about py-5 pr-md-4 ftco-animate">
                <div>
                    <div id="basicInfo" style="float: right; width: 550px;height: 100px">
                        <span id="webUserId" style="vertical-align: top; font-size: 25px; color: #34ce57;">请先登陆</span><br>
                        <span id="head" style="font-size: 15px; color: #0b0b0b">游戏ID:
                        </span><br>
                        <span style="font-size: 15px; color: #0b0b0b">状态: <span id="onlineStatus"></span></span>
                    </div>
                </div>
                <div class="row mt-5">
                    <div class="col-lg-6">
                        <div class="services-2 d-flex">
                            <div class="icon mt-2 mr-3 d-flex justify-content-center align-items-center">
                                <img src="/tnweb/images/basic_info.png" style="height: 80px; width: 80px; border-radius: 40px">
                            </div>
                            <div class="text">
                                <h3>基本信息</h3>
                                <span style="color: red">血量: <span id="playerHealth"></span></span><span style="color: orange">  饥饿: <span id="playerHunger"></span></span><br>
                                <span style="color: gold">等级: <span id="playerLevel"></span><br><span>经验: <span id="playerExp"></span>/<span id="playerExpToNextLevel"></span></span></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="services-2 d-flex">
                            <div class="icon mt-2 mr-3 d-flex justify-content-center align-items-center">
                                <img src="/tnweb/images/money_info.png" style="height: 64px; width: 56px;">
                            </div>
                            <div class="text">
                                <h3>资产信息</h3>
                                <span style="color: goldenrod">金币: <span id="playerPoints"></span></span><br>
                                <span style="color: silver">银币: <span id="playerEco"></span></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="services-2 d-flex">
                            <div class="icon mt-2 mr-3 d-flex justify-content-center align-items-center">
                                <img src="/tnweb/images/vip_info.png" style="height: 55px; width: 55px;">
                            </div>
                            <div class="text">
                                <h3>会员信息</h3>
                                <span style="color: black">会员等级: <span id="playerVIP"></span></span><br>
                                <span style="color: gray">剩余天数: <span id="PlayerVIPRest"></span></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="services-2 d-flex">
                            <div class="icon mt-2 mr-3 d-flex justify-content-center align-items-center">
                                <img src="/tnweb/images/mail_info.png" style="height: 46px; width: 67px;">
                            </div>
                            <div class="text">
                                <h3>邮件信息</h3>
                                <span style="color: black">发送邮件: <span id="playerSendMail"></span> 封</span><br>
                                <span style="color: black">未领取邮件: <span id="playerReceivedMail"></span> 封</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="services-2 d-flex">
                            <div class="icon mt-2 mr-3 d-flex justify-content-center align-items-center">
                                <img src="/tnweb/images/marry_info.png" style="height: 80px; width: 80px; border-radius: 40px">
                            </div>
                            <div class="text">
                                <h3>婚姻信息</h3>
                                <span style="color: pink">是否已婚: <span id="isMarry"></span></span><br>
                                <span style="color: pink">伴侣: <span id="marryLover"></span></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="services-2 d-flex">
                            <div class="icon mt-2 mr-3 d-flex justify-content-center align-items-center">
                                <img src="/tnweb/images/time_info.png" style="height: 65px; width: 65px;">
                            </div>
                            <div class="text">
                                <h3>账号系统</h3>
                                <span style="color: black">注册时间: <span id="playerRegTime"></span></span><br>
                                <span style="color: black">最后登陆: <span id="playerLastLoginTime"></span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div id="footer">
    <div th:include="commons/foot :: html"></div>
</div>

<div id="ftco-loader" class="show fullscreen">
    <svg class="circular" width="48px" height="48px">
        <circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/>
        <circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10"
                stroke="#F96D00"/>
    </svg>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/jquery-migrate-3.0.1.min.js}"></script>
<script th:src="@{/js/popper.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/jquery.easing.1.3.js}"></script>
<script th:src="@{/js/jquery.waypoints.min.js}"></script>
<script th:src="@{/js/jquery.stellar.min.js}"></script>
<script th:src="@{/js/owl.carousel.min.js}"></script>
<script th:src="@{/js/jquery.magnific-popup.min.js}"></script>
<script th:src="@{/js/aos.js}"></script>
<script th:src="@{/js/jquery.animateNumber.min.js}"></script>
<script th:src="@{/js/scrollax.min.js}"></script>
<script th:src="@{/js/google-map.js}"></script>
<script th:src="@{/js/main.js}"></script>
<script th:src="@{/js/three.min.js}"></script>
<script th:src="@{/js/playerinfo.js}"></script>
<script th:src="@{/js/layui/layer.js}"></script>
<script th:src="@{/js/sha256-0.8.0.js}"></script>
<script th:src="@{/js/ajaxfileupload.js}"></script>

<script th:inline="javascript">
    window.dataLayer = window.dataLayer || [];
    function gtag() {
        dataLayer.push(arguments);
    }
    gtag('js', new Date());
    gtag('config', 'UA-23581568-13');
</script>
</body>
</html>